<html>
<head lang="en">
<meta charset="UTF-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<title>欢迎来到bms管理系统</title>
<link rel="stylesheet" type="text/css" href="../static/css/login.css" />
<link rel="stylesheet" type="text/css" href="../static/css/base.css" />
<script src="../static/js/lib/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="../static/js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="../static/js/lib/vue-resource.js" type="text/javascript" charset="utf-8"></script>
<script src="../static/js/lib/velocity.min.js" type="text/javascript" charset="utf-8"></script> 

</head>

<body>
	 
	<div class="head login" id="head">
		<div class="imgLogo">
			<img src="../static/img/logo.png" />
		</div>
		<div class="stop" style="padding:10px 10px">
		<div class="bmsCheckOuter">
		<input type="checkbox" class="bmsCheckBox" id="bmsCheckBox" v-model="stop"/>
		<label class="bmsCheckContainer" for="bmsCheckBox" title="开/关背景变换">
		    <span class="bmsCheckSpan"></span>
		    <span class="slideButton"></span>
		</label>
		</div>
		<!-- <button onclick="login.stop = !login.stop">停止变换</button> -->
		</div>
		<!-- <ul class="banner ">
			<li class="bannerItem"><a href="#">关于</a></li>
			<li class="bannerItem"><a href="#">帮助</a></li>
			<li class="bannerItem"><a href="#">网站作者</a></li>
			<li class="bannerItem"><a href="#">。。。</a></li>
		</ul> -->
	</div>
	<div class="content login">
		 
		<div class="log_form" id="login">
			<form  method="POST" @submit.prevent="submit">
				<table cellspacing="30">
					<tr>
						<th colspan="2">
						 <transition
						    v-on:before-enter="beforeEnter"
						    v-on:enter="enter"
						    v-on:leave="leave"
						    v-bind:css="false"
						  >
						<span v-if='TitleShow'>BMS管理系统</span>
						</transition>
						 </th>
					</tr>
					<tr>
						<td>账户:</td>
						<td><input type="text" name="data.account" v-model="userView.account"   /></td>
					</tr>
					<tr>
						<td>密码:</td>
						<td><input type="password" name="data.password" v-model="userView.password"  /></td>
					</tr>
					<tr>
						<td style="height:60px">验证码:</td>
						<td style="border: none;height:60px">
						<div style="width:100%;height:50%;">
						<input type="text" name="code" style="width:49%;float:left;height:100%;" v-model="userView.code">
						<img :src="codeUrl" key="imgCode" alt="点击刷新验证码" style="width:49%;height:100%;cursor:pointer" @click="changeCode"/>
						</div>
						<div style="width:100%;text-align:center;height:50%;line-height:30px;color:red;" v-cloak>{{info}}</div>
						</td>
					</tr>
					<tr>
						<td colspan="2" class="td_button"><input type="submit" value="确定"></td>
					</tr>
				</table>
			</form>
		</div>
	</div>
	<div class="foot" style="display: flex;flex-direction: column-reverse;">
 	 
 			<div style="align-self: center;">版权所有&copy;yaoliguo、wangyi</div>
 
 		</div>
 <script src="../static/js/login/login.js" type="text/javascript" charset="utf-8"></script>		
</body>
</html>